@charset "UTF-8";

@import '~scss/themes/index.scss';

$component-name: 'ui-grid';

/**
  宫格布局


*/
.ui-grid {
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.#{$component-name}-item {
	// position: relative;
	box-sizing: border-box;
	width: 25%;
	float: left;
	.ui-grid-item--box {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		box-sizing: border-box;
		height: 100%;
		background-color: $fill-base;
		text-align: center;
		.grid-item-image {
			width: 100%;
		}
	}
}
